*{
    margin: 0;
    padding: 0;
}
@total-width:1080;
.w{
    width: (980/40rem);
    margin: 0 auto;
}
html{
    font-size: (100vw/@total-width*40);
    background-color:#eff0f4;
}
a{
    text-decoration: none;
}
//设置头部header
.top-bar:extend(.w){
    display:flex;
    //设置高度
    height: (180/40rem);
    //设置对齐方式
    
    justify-content: space-between;
    align-items: center;
    a{
        color: #fff;
        font-size: (45/40rem);
    }
}
// 设置banner
.banner:extend(.w){
    img{
        width: 100%;
    }
}
.nav:extend(.w){
    .nav-inner{
        display:flex;
        flex:auto;
        justify-content:space-around;
        i{
            font-size: 40px;
        }
        .item{
            width: (140/40rem);
            border-radius: 40%;
            background-color: #bfa;
            margin-top: (20/40rem);
            margin-bottom: (20/40rem);
            text-align: center;
            a{
                color: #333;
                text-decoration:none;
                font-size: 16px;
                span{
                    display:inline-block;
                }
            }
        }
    }
}

.mg-bar:extend(.w){
    background-color:#bfa;
    display: flex;
    
    img{
        width:95%;
    }
}